
<!-- 领取电表 -->
<template>
	<view class="p40 f1 df fdc">
		<view style="height: 80rpx;">
			<text style="font-size: 28rpx;color: #0B1526;line-height: 50rpx;">当前数量：{{0}}</text>
		</view>
		<view class="f1 df fdc aic jcc">
			<view class="dashed-bor">
				<img style="width: 270rpx;height: 270rpx;" src="../../static/imgs/dblogo.png" alt="" />
			</view>
			<text class="mt20rpx" style="font-size: 24rpx;line-height: 48rpx;color: #AAB1B7;">没有检索到数据</text>
			<view class="use-text mt40">
				<text style="font-size: 28rpx;line-height: 40rpx;color: #272727;">1.点击底部【扫一扫】添加资产</text>
				<text style="font-size: 28rpx;line-height: 40rpx;color: #272727;">2.手机音量键【-】添加资产</text>
			</view>
		</view>
		<up-modal @cancel="show = false" @confirm="confirm" showCancelButton :show="show" :title="title">
			<view style="box-sizing: border-box; padding: 20rpx;" class="slot-content">
				<up-input class="w100" v-model="dbBarCode" clearable></up-input>
			</view>
		</up-modal>
	</view>
	<view class="bottom-box">
		<button @click="to_receipt_db" class="df aic jcc"
			style="background: linear-gradient(269deg, #58C2F7 13%, #2D6CE8 135%);width: 30%;height: 68rpx;border-radius: 36rpx;font-size: 28rpx;color: #fff;">扫码领取</button>
		<button @click="to_receipt_db" class="df aic jcc"
			style="background: #fff;width: 30%;height: 68rpx;border-radius: 36rpx;font-size: 28rpx;color: #fff;border: 1px solid #2D6CE8;color: #2D6CE8;">整箱领取</button>
		<button @click="show = true" class="df aic jcc"
			style="background: linear-gradient(269deg, #58C2F7 13%, #2D6CE8 135%);width: 30%;height: 68rpx;border-radius: 36rpx;font-size: 28rpx;color: #fff;">手输条码</button>
	</view>

</template>

<script setup>
	import {
		ref
	} from 'vue';

	const show = ref(false)
	const title = ref('手动输入电表条码')
	const dbBarCode = ref('')
	
	const confirm = ()=>{
		
	}
</script>

<style lang="scss">
	page {
		height: 100%;
		display: flex;
		flex-direction: column;
	}

	.bottom-box {
		box-sizing: border-box;
		position: fixed;
		box-shadow: 0px -2px 28px 0px rgba(45, 108, 232, 0.1);
		height: 180rpx;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 20rpx !important;
		left: 0;
		bottom: 0;
	}

	.dashed-bor {
		border: 2rpx dashed rgb(197, 194, 194);
	}

	.use-text {
		background: #EEF4FF;
		box-sizing: border-box;
		border: 0.5px solid rgba(45, 108, 232, 0.5);
		border-radius: 8rpx;
		padding: 20rpx;
		width: 420rpx;
	}
</style>